<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>
	<body>
		<div class="header">
			<span>千库</span>
			<input type="search" name="search" value="搜索" />
		</div>

		<div class="container">
			<div id="demo" class="carousel slide" data-ride="carousel">
				<div id="myCarousel" class="carousel slide">
					<ol class="carousel-indicators">
						<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
						<li data-target="#myCarousel" data-slide-to="1"></li>
						<li data-target="#myCarousel" data-slide-to="2"></li>
					</ol>
					<div class="carousel-inner">
						<div class="item active">
							<img src="img/banner.jpg">
						</div>
						<div class="item">
							<img src="img/banner.jpg">
						</div>
						<div class="item">
							<img src="img/banner.jpg">
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="icon">
			<ul>
				<li>
					<a href="#">
						<img src="img/ball1.jpg" />
						<p>足球</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/ball2.jpg" />
						<p>CBA</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/ball3.jpg" />
						<p>排球</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/ball4.jpg" />
						<p>台球</p>
					</a>
				</li>
			</ul>
			<ul>
				<li>
					<a href="#">
						<img src="img/ball5.jpg" />
						<p>榄球</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/ball6.jpg" />
						<p>NBA</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/ball7.jpg" />
						<p>游戏</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/ball8.jpg" />
						<p>更多</p>
					</a>
				</li>
			</ul>
		</div>
		<div class="hr"></div>
		<div class="live">
			<h3>全部直播</h3>
			<ul>
				<li>
					<a href="#">
						<img src="img/hot5.jpg" />
						<h5>直播千库—库库橄榄...</h5>
					</a>
					<div class="fire">
						<a href="#">千库君看球</a>
						<p>169.3万</p>
					</div>
				</li>
				<li>
					<a href="#">
						<img src="img/hot2.jpg" />
						<h5>直播千库—库库橄榄...</h5>
					</a>
					<div class="fire">
						<a href="#">千库君看球</a>
						<p>169.3万</p>
					</div>
				</li>
			</ul>
			<ul>
				<li>
					<a href="#">
						<img src="img/hot4.jpg" />
						<h5>直播千库—库库橄榄...</h5>
					</a>
					<div class="fire">
						<a href="#">千库君看球</a>
						<p>169.3万</p>
					</div>
				</li>
				<li>
					<a href="#">
						<img src="img/hot3.jpg" />
						<h5>直播千库—库库橄榄...</h5>
					</a>
					<div class="fire">
						<a href="#">千库君看球</a>
						<p>169.3万</p>
					</div>
				</li>
			</ul>
		</div>
		<div class="footer">
			<ul>
				<li>
					<a href="index.html">
						<img src="img/icon11.jpg" />
						<p>首页</p>
					</a>
				</li>
				<li>
					<a href="information.html">
						<img src="img/icon2.jpg" />
						<p>资讯</p>
					</a>
				</li>
				<li>
					<a href="training.html">
						<img src="img/icon3.jpg" />
						<p>培训</p>
					</a>
				</li>
				<li>
					<a href="my.html">
						<img src="img/icon5.jpg" />
						<p>我的</p>
					</a>
				</li>
			</ul>
		</div>
	</body>
	<script type="text/javascript" src="./js/jquery-3.4.1.min.js"></script>
	<script type="text/javascript" src="./js/bootstrap.min.js"></script>
</html>
